import CartesianCoordinates from './Coordinates/CartesianCoordinates';
import RadarChart from './Coordinates/RadarChart';

export default function OrientationDiagram() {
  return (
    <div className="bg-blue-100 p-2 rounded-md h-full">
      <div className="relative">
        <h2 className="absolute top-0 left-0 font-bold text-black text-sm">
          盾构掘进姿态
        </h2>
        <div className="grid grid-cols-2 gap-1 text-xs">
          {/* Statistics */}
          <div className="w-1/2 h-full">
            <CartesianCoordinates />
          </div>
          <div className="h-full">
            <RadarChart />
          </div>
        </div>
      </div>
    </div>
  );
}